<template>
	<view class="wrapper">
		<view class="content">
			<view class="logo">
				<image src="../../static/images/logo.png"></image>
			</view>
			
			
			<view class="logo-text">简单养车</view>
		</view>
		<u-popup v-model="show" mode="center" :mask-close-able="false" width="640" border-radius="14">
			<view class="pri-box">
				<view class="title">服务协议和隐私策略</view>
				<view class="pri-content">
					请你务必审慎阅读，充分理解"服务条款"和"隐私策略"各条款，包括但不限于为了向你提供方便快捷查询商品，我们需要获取手机储存权限，和多媒体功能，您可以在设置中进行变更管理你的授权。
					<br>您可以阅读<text @click="toPrivacy" style="color:#2979ff">《服务条款》</text>和<text @click="toPrivacy" style="color:#2979ff">《隐私政策》</text>了解详细信息，如您同意，请点击同意开始接受我们的服务'
				</view>
				<view class="btn-box">
					<view @click="noUseBtn" class="left-btn">
						暂不使用
					</view>
					<view @click="argeeBtn" class="right-btn">
						同意
					</view>
				</view>
			</view>
		</u-popup>
		<u-popup v-model="isStop" mode="center" :mask-close-able="false" width="640" border-radius="14">
			<view class="pri-box">
				<view class="title">提示</view>
				<view class="stop-content">
					系统正在维护，不便之处敬请谅解~
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show:false,
				content:'<p>请你务必审慎阅读，充分理解"服务条款"和"隐私策略"各条款，包括但不限于为了向你提供方便快捷查询商品，我们需要获取手机储存权限，和多媒体功能，您可以在设置中进行变更管理你的授权。</p>您可以阅读<span @click="toPrivacy" style="color:#2979ff">《服务条款》</span>和<span style="color:#2979ff">《隐私政策》</span>了解详细信息，如您同意，请点击同意开始接受我们的服务',
				isStop:false
			}
		},
		onLoad() {
			var that =this;
			
			this.api._post('http://yans.oamis.cn/index/index/yangche').then(res=>{
				console.log(res)
				if(res){
					this.isStop = true
					this.show = false
				}else{
					if(!uni.getStorageSync('isArgee')){
						this.show = true
					}else{
						this.show = false
						this.isLogin(2000)
					}
				}
			})
			// if(!uni.getStorageSync('isArgee')){
			// 	this.show = true
			// 	// this.isLogin(0)
			// }else{
			// 	this.show = false
			// 	this.isLogin(2000)
			// }	
			
		},
		methods: {
			// 查看条款
			toPrivacy(){
				uni.navigateTo({
					url:'./privacy'
				})
			},
			// 暂不使用
			noUseBtn(){
				uni.setStorageSync('isArgee',false)
				this.isLogin(0)
			},
			// 同意
			argeeBtn(){
				uni.setStorageSync('isArgee',true)
				this.isLogin(0)
			},
			// 是否登录
			isLogin(time){
				if(!uni.getStorageSync('store_id')){
					let set =setTimeout(function(){
						uni.reLaunch({
							url:"./logIn"
						})
						clearTimeout(set)
					},time)
				}else{
					let set = setTimeout(function(){
						uni.switchTab ({
							url:"../index/index"
						})
						clearTimeout(set)
					},time) 
				}
			}
		}
	}
</script>

<style lang="scss">
	@import url('../../common/common.css');
	
	.content {
		padding: 300upx 0 0;
	}
	
	.logo {
		margin: 55upx auto;
		width: 422upx;
		height: 152upx;
	}
	
	.logo-text {
		position: absolute;
		bottom: 80upx;
		left: 309upx;
		font-size: 34upx;
		font-weight: bold;
		line-height: 75upx;
		color: #f70000;
	}
	.pri-box{
		padding: 20upx 40upx 0;
		box-sizing: border-box;
		.title{
			font-size: 36upx;
			height: 80upx;
			text-align: center;
			line-height: 60upx;
		}
		.btn-box{
			margin-top: 30upx;
			height: 80upx;
			display: flex;
			justify-content: space-around;
			align-items: center;
			font-size: 30upx;
			.left-btn{
				color: #333333;
			}
			.right-btn{
				color:#2979ff
			}
		}
	}
	.stop-content{
		height: 300upx;
		padding-top: 90upx;
		box-sizing: border-box;
		text-align: center;
		line-height: 30upx;
		font-size: 30upx;
		color:#f70000
	}
</style>
